﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link id="page_favicon" href="images/icon.ico" rel="icon" type="image/x-icon"/>
    <title>Happy Booking</title>
	<link rel="stylesheet" href="style/style.css" type="text/css"/>
  	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster" type="text/css" />
	<link rel="stylesheet" href="style/jquery.jscrollpane.css" type="text/css/"/>
	<link rel="stylesheet" href="style/jquery-ui-1.8.23.custom.css" type="text/css"/>
	<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
	<script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
	<script src="js/jquery.mousewheel.js" type="text/javascript"></script>
	<script src="js/jquery.jscrollpane.min.js" type="text/javascript"></script>
	<script src="js/coin-slider.min.js" type="text/javascript"></script>
    <script src="js/crawler.js" type="text/javascript"></script>
    <link rel="stylesheet" href="style/themes/bar/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="style/themes/bar/light.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="style/themes/bar/dark.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="style/themes/bar/bar.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="style/nivo-slider.css" type="text/css" media="screen" />
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
        $(window).load(function () {
            $('#slider').nivoSlider();
        });
    </script>
    <script type="text/javascript">
         var txt = " ..:: Welcome to HappyBooking";
         var expert = 200;
         // speed of roll
         var refresh = null;
         function marquee_title() {
             document.title = txt;
             txt = txt.substring(1, txt.lenghth) + txt.charAt(0);
             refresh = setTimeout("marquee_title()", expert);
         }
         marquee_title();
</script>
</head>
<body>
	<div id="header">
		<!-- header -->
		<div id="contain">
			<div id="logo"><a href="#"><img src="images/Logo.gif" width="289" height="118" alt="logo" /></a></div>
			<div id="right">
				<input size="50" onblur="if(this.value=='') this.value='Nhận Email Khuyến Mãi...'"
				 onfocus="if(this.value=='Nhận Email Khuyến Mãi...') this.value='';"
				/>
				<button class="submit-button" type="submit">GO</button>
			</div>
			<div id="menu">
		       <ul class="main-menu">
		       	 <li class="a"><a href="#"><img alt="Trang chủ" src="images/home-icon.png" /> Trang chủ</a></li>
				 <li class="a"><a href="#"><img alt="Giới thiệu công ty" src="images/Sign-Info-icon.png" /> Giới thiệu công ty</a></li>
				 <li class="a"><a href="#"><img alt="Cẩm nang du lịch" src="images/sun-umbrella-icon.png" /> Cẩm nang du lịch</a></li>
				 <li class="a"><a href="#"><img alt="Khuyến mãi" src="images/sale-icon.png" /> Khuyến mãi</a></li>
				 <li class="a"><a href="#"><img alt="Phương thức thanh toán" src="images/Devices-secure-card-icon.png" /> Phương thức thanh toán</a></li>
				 <li class="a"><a href="#"><img alt="Liên hệ" src="images/user-has-new-email-icon.png" /> Liên hệ</a></li>
		       </ul>
			   <ul class="language">
			   	<li><a href="#" class="english">English</a></li>
				<li><a href="#" class="vietnam">Vietnam</a></li>
			   </ul>
			</div> <!-- end menu -->
		</div> <!-- end header -->
		<!-- menu -->
	</div>	
	<!-- main ---->
	<div id="main">
		<div class="content">
			<!-- start left -->
			<div class="left">
				<div class="left-inner">
					<div class="weather">
						<div class="ct">
							<div class="icon">Thời tiết</div>
							<table cellpadding="0" cellspacing="1">
								<tr>
									<th bgcolor="#ECF6EC">24/11</th>
									<th bgcolor="#ECF6EC">25/11</th>
									<th bgcolor="#ECF6EC">26/11</th>
								</tr>
								<tr>
									<td colspan="3">
										<strong>Hồ Chí Minh</strong>
									</td>
								</tr>	
								<tr>
									<td bgcolor="#ECF6EC">
										<div class="nang">12<sup>o</sup></div>
									</td>
									<td bgcolor="#ECF6EC">
										<div class="mua">16<sup>o</sup></div>
									</td>
									<td bgcolor="#ECF6EC">
										<div class="nang-may">30<sup>o</sup></div>
									</td>
								</tr>
								<tr>
									<td colspan="3">
										<strong>Hà Nội</strong>
									</td>
								</tr>	
								<tr>
									<td bgcolor="#ECF6EC">
										<div class="nang">12<sup>o</sup></div>
									</td>
									<td bgcolor="#ECF6EC">
										<div class="sam">12<sup>o</sup></div>
									</td>
									<td bgcolor="#ECF6EC">
										<div class="nang-may">12<sup>o</sup></div>
									</td>
								</tr>
								<tr>
									<td colspan="3">
										<strong>Da Nang</strong>
									</td>
								</tr>	
								<tr>
									<td bgcolor="#ECF6EC">
										<div class="nang">12<sup>o</sup></div>
									</td>
									<td bgcolor="#ECF6EC">
										<div class="sam">12<sup>o</sup></div>
									</td>
									<td bgcolor="#ECF6EC">
										<div class="nang-may">12<sup>o</sup></div>
									</td>
								</tr>
							</table>	
						</div>
					</div>

					<!-- ti gia -->
					<div class="tg">
						<div class="title">
							<span class="icon">Tỷ Giá</span>
						</div>
						<table class="data">
							<tr>
								<th>Mã<br>NT </th>
								<th>Mua tiền<br>mặt</th>
								<th>Mua chuyển<br> khoản</th>
								<th>Bán</th>
							</tr>
							<tr>
								<td><b>EUR</b></td>
								<td>21,167.34</td>
								<td>21,167.34</td>
								<td>21,167.34</td>
							</tr>
							<tr>
								<td><b>GDP</b></td>
								<td>21,167.34</td>
								<td>21,167.34</td>
								<td>21,167.34</td>
							</tr>
							<tr>
								<td><b>JPY</b></td>
								<td>21,167.34</td>
								<td>21,167.34</td>
								<td>21,167.34</td>
							</tr>
							<tr>
								<td><b>USD</b></td>
								<td>21,167.34</td>
								<td>21,167.34</td>
								<td>21,167.34</td>
							</tr>
						</table>
					</div><!-- end ti gia -->
					
					<!-- facebook -->
					<div class="facebook">
						<div class="fb-like-box" data-href="http://www.facebook.com/happybookingpage" data-width="230" data-show-faces="true" data-border-color="#ffffff" data-stream="false" data-header="false"></div>
					</div> <!-- end facebook --> 
					
				</div>
				
				
			</div> <!-- end left -->
				
			<!-- middle -->	
			<div class="middle">
				<div class="booking">
					<div class="content">
						<h3>Tìm kiếm khách sạn</h3>
						<div align="center">
							<table>
								<tr>
									<td><span>Địa điểm bạn muốn đến</span></td>
									<td>
										<div class="styled-select">
											<select class="form-dropdown">
												<option value="Option 1"> Thành Phố Hồ Chí Minh </option>
												<option value="Option 2"> Hà Nội </option>
												<option value="Option 3"> Vũng Tàu </option>
												<option value="Option 4"> Nha Trang </option>
												<option value="Option 5"> Đà Lạt </option>
											</select>
										</div>
									</td>
								</tr>
								<tr>
									<td><span>Thời gian nhận phòng</span></td>
									<td align="left"><input class="date" type="text" id="fromdate"/>
										<input type="text" class="other"/>
									</td>
								</tr>
								<tr>
									<td><span>Thời gian trả phòng</span></td>
									<td align="left"><input class="date" type="text" id="todate"/>
									</td>
								</tr>
								<tr>
									<td><span>Tên khách sạn</span></td>
									<td>
										<input class="NewFace" type="text"/>										
									</td>
								</tr>
                                <tr>
                                    <td></td>
                                    <td><button class="support-button" type="submit"><img alt="Tra cứu" src="images/search-icon.png" />Tìm kiếm</button></tr></td>
                                    
							</table>	
						</div>
					</div>
				</div>
				<div class="image">
                   			
                    <div id="wrapper">
                            <div class="slider-wrapper theme-default">
                                <div id="slider" class="nivoSlider">
                                    <img src="images/slide1.jpg" data-thumb="images/slide1.jpg" alt="" />                                    
                                    <img src="images/slide2.jpg" data-thumb="images/slide2.jpg" alt="" title="" /></a>
                                    <img src="images/slide3.jpg" data-thumb="images/slide3.jpg" alt="" data-transition="slideInLeft" />
                                    <img src="images/slide4.jpg" data-thumb="images/slide4.jpg" alt="" title="" />
                                    <img src="images/slide5.jpg" data-thumb="images/slide5.jpg" alt="" />                                    
                                    <img src="images/slide6.jpg" data-thumb="images/slide6.jpg" alt="" title="" /></a>
                                    <img src="images/slide7.jpg" data-thumb="images/slide7.jpg" alt="" data-transition="slideInLeft" />
                                    <img src="images/slide8.jpg" data-thumb="images/slide8.jpg" alt="" title="" />
                                    <img src="images/slide9.jpg" data-thumb="images/slide9.jpg" alt="" data-transition="slideInLeft" />
                                    <img src="images/slide10.jpg" data-thumb="images/slide10.jpg" alt="" title="" />
                                </div>
                                <div id="htmlcaption" class="nivo-html-caption">
                                    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. 
                                </div>
                            </div>
                    </div>
				</div>

			</div><!-- end middle>
			
			<!-- start right -->
			<div class="right">
				<div class="right-inner">
					<div class="support">
						<div class="title"><span class="icon">Hỗ Trợ Online</span></div>
						<table>
							<tr>
								<td><img src="images/online.png"/></td>
								<td>Nhân viên hỗ trợ (0902696155)
								</td>
							</tr>
							<tr>
								<td><img src="images/online.png"/></td>
								<td>Nhân viên hỗ trợ (0902696155)</td>
							</tr>
							<tr>
								<td><img src="images/online.png"/></td>
								<td>Nhân viên hỗ trợ (0902696155)</td>
							</tr>
							<tr>
								<td><img src="images/online.png"/></td>
								<td>Nhân viên hỗ trợ (0902696155)</td>
							</tr>
						</table>
						<div class="fr-button">
							<table width="100%" cellpadding="0" cellspacing="0">
								<tr>
									<td><a><button class="support-button" type="submit"><img alt="Hủy phòng" src="images/Actions-document-close-icon.png" />Hủy phòng</button></td>
									<td align="center"><button class="support-button" type="submit"><img alt="Tra cứu" src="images/Actions-file-find-icon.png" />Tra cứu</button></td>
								</tr>
							</table>
						</div>
					</div>
					
					<div class="event">
						<div class="title"><span class="icon">Tin Tức & Sự Kiện</span></div>
						<table cellspacing="5px">
							<tr>
								<td><img src="images/sing1.jpeg"/></td>
								<td>
									<a href="#"><span class="news-name">Numis tuki caren</span><br></a>
									<span class="news-content">Suren casen ipsum dolor sit amet, consetetur sadipscing ...</span><br>
									<div class="detail" ><a href="#"> Chi Tiết...</a></div>
								</td>
							</tr>
							<tr>
								<td><img src="images/sing2.jpeg"/></td>
								<td>
									<a href="#"><span class="news-name">Numis tuki caren</span><br></a>
									<span class="news-content">Suren casen ipsum dolor sit amet, consetetur sadipscing ...</span><br>
									<div class="detail" ><a href="#"> Chi Tiết...</a></div>
								</td>
							</tr>
							<tr>
								<td><img src="images/sing3.jpeg"/></td>
								<td>
									<a href="#"><span class="news-name">Numis tuki caren</span><br></a>
									<span class="news-content">Suren casen ipsum dolor sit amet, consetetur sadipscing ...</span><br>
									<div class="detail" ><a href="#"> Chi Tiết...</a></div>
								</td>
							</tr>
							<tr>
								<td><img src="images/sing3.jpeg"/></td>
								<td>
									<a href="#"><span class="news-name">Numis tuki caren</span><br></a>
									<span class="news-content">Suren casen ipsum dolor sit amet, consetetur sadipscing ...</span><br>
									<div class="detail" ><a href="#"> Chi Tiết...</a></div>
								</td>
							</tr>
						</table>
					</div>
				</div>	
				
			</div> <!-- end right -->
		</div>
	</div><!-- end main -->
	<!-- footer -->
	<div id="footer">
		<div class="pay">           
			<div class="content">	                			
                <span>Chấp nhận thanh toán qua cổng điện tử </span><ul>
					<li><a href="#"><img src="images/onepay.gif"/></a></li>
					<li><a href="#"><img src="images/techcombank.gif"/></a></li>
					<li><a href="#"><img src="images/vietcombank.gif"/></a></li>
					<li><a href="#"><img src="images/hdbank.gif"/></a></li>
					<li><a href="#"><img src="images/tienphongbank.gif"/></a></li>
					<li><a href="#"><img src="images/dongabank.gif"/></a></li>
				</ul>            
			</div>            
		</div>
		<br>
		<table width="100%">
			<tr>
				<td>
					<div class="company-info">
						<span>CÔNG TY TRÁCH NHIỆM HỮU HẠN HAPPY BOOKING</span><br>
						<span>Địa chỉ: 483B Nguyễn Thị Thập, Phường Tân Phong, Quận 7, TP HCM</span><br>
						<span>Điện thoại: 08-668-006-25</span><br>
						<span>Giấy ĐK KD: 0311982486</span><br>
						<span>Website: www.happybooking.vn</span><br>
						<span>Email:info@happybooking.vn</span><br>
					</div>
				</td>
				<td align="right">
					<ul class="footer-social">
						<li><a href="#"><img src="images/google-plus.png" /></a></li>
						<li><a href="#"><img src="images/zing.png" /></a></li>
						<li><a href="#"><img src="images/facebook.png" /></a></li>
					</ul>
				</td>
			</tr>
		</table>
		
	</div><!-- 	end footer -->

    <script type="text/javascript">
        marqueeInit({
            uniqueid: 'mycrawler',
            style: {
                'padding': '5px',
                'width': '800px',
                'height': '22px'            },
            inc: 8, //speed - pixel increment for each iteration of this marquee's movement
            mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
            moveatleast: 4,
            neutral: 150,
            savedirection: true
        });
</script>
	<!-- facebook -->
	<div id="fb-root"></div>
	<script>(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); js.id = id;
	  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>
	<!-- end facebook -->
	
	<script>
		jQuery(document).ready(function(){
			jQuery(".weather").jScrollPane({});
			jQuery('#coin-slider').coinslider({
				width:$('#coin-slider').parent().width(),
			});
			
			jQuery("#todate").datepicker();
			jQuery("#fromdate").datepicker();
		});
	</script>
</body>
</htm>


